<#import "/front/template/common_front.ftl" as html/>
<#import "/front/news/listitem.ftl" as indexNews/>

<@html.htmlBase title="疯狂跑" bodyid="angSite_frontpage" headertitle="疯狂跑 &middot; FKPao">


  

<div id="main">

<section id="carousel" class="fp-carousel carousel slide" data-ride="carousel" data-interval="2500">
    <ol class="carousel-indicators">
            <li data-target="#carousel" data-slide-to="0" class="active"></li>
            <li data-target="#carousel" data-slide-to="1"></li>
            <li data-target="#carousel" data-slide-to="2"></li>
            <li data-target="#carousel" data-slide-to="3"></li>
        </ol>

    <div class="carousel-inner">
            <div class="item active">
            <a href="http://www.42195marathon.com/gtm/">
                <img src="http://7mnp3b.com1.z0.glb.clouddn.com/FhcFSnpVcvqIlBxvWKfcLbVmHVi1-w640" class="image-responsive" style="width: 100%">
                <div class="carousel-caption">
                    报名：5月29日大连广鹿岛山地马拉松                </div>
            </a>
        </div>
            <div class="item">
            <a href="http://reg.zuicool.com/zc-9/2016-jd-running-xishan-410">
                <img src="http://7mnp3b.com1.z0.glb.clouddn.com/FlXxNvcEJZZjL30-mwZzxFWwIWXu-w640" class="image-responsive" style="width: 100%">
                <div class="carousel-caption">
                    报名：4月24日 京东体育 JD RUNNING 北京西山轻越野赛                </div>
            </a>
        </div>
            <div class="item">
            <a href="http://reg.zuicool.com/zc-9/2016-xianju-395">
                <img src="http://7mnp3b.com1.z0.glb.clouddn.com/Fo7ZbJtmro70bgFgnxtWktZbtaFQ-w640" class="image-responsive" style="width: 100%">
                <div class="carousel-caption">
                    报名：4月10日浙江仙居绿道国际马拉松                </div>
            </a>
        </div>
            <div class="item">
            <a href="http://reg.zuicool.com/zc-9/2016-fs-378">
                <img src="http://7mnp3b.com1.z0.glb.clouddn.com/FlV6whMcPsm-6QJEXTgNNdkHEaUV-w640" class="image-responsive" style="width: 100%">
                <div class="carousel-caption">
                    报名：5月29日烟台•福山大樱桃马拉松                </div>
            </a>
        </div>
        </div>
</section>
<script>
$(document).ready(function() {
    $(".carousel-inner").swipe( {
        swipeLeft:function(event, direction, distance, duration, fingerCount) {
            $(this).parent().carousel('next');
        },
        swipeRight: function() {
            $(this).parent().carousel('prev');
        },
        threshold: 0
    });
});
</script>

<section class="fp-badge-btns">
<div class="row">
    <div class="col-xs-3 badge-btn">
        <a href="http://zuicool.com/events">
            <h4>
                <span class="glyphicon glyphicon-flag"></span>
                比赛
            </h4>
        </a>
    </div>
    <div class="col-xs-3 badge-btn">
        <a href="http://zuicool.com/news">
            <h4>
                <span class="glyphicon glyphicon-bullhorn"></span>
                新闻
            </h4>
        </a>
    </div>
    <div class="col-xs-3 badge-btn">
        <a href="http://reg.zuicool.com/">
            <h4>
                <span class="glyphicon glyphicon-flash"></span>
                一键报名
            </h4>
        </a>
    </div>
    <div class="col-xs-3 badge-btn">
        <a href="http://zuicool.com/photo">
            <h4>
                <span class="glyphicon glyphicon-globe"></span>
                照片
            </h4>
        </a>
    </div>
</div>
</section>

<section class="fp-results-form">
<form action="http://zuicool.com/results" method="POST">
    <div class="form-group">
        <div class="input-group">
            <input type="text" class="form-control input-lg" name="name" placeholder="输入姓名查询成绩">
            <div class="input-group-btn">
                <button class="btn btn-lg btn-primary" type="submit"><i class="glyphicon glyphicon-search"></i></button>
            </div>
        </div>
    </div>
    <p>
        <strong>1647</strong> 比赛、
        <strong>4875</strong> 场次组别、
        <strong>2226248</strong> 成绩
    </p>
</form>
</section>

<section class="fp-sec-news2">
    <h3>
        热门比赛新闻
    </h3>
    <ul class="table-view news2-list">
    <@indexNews.indexNews newsList=newsList />
    
        <li class="table-view-cell action">
            <a href="/news">
                查看全部比赛新闻
            </a>
        </li>
    </ul>
</section>
<section class="fp-sec-events-list events-list">
    <h3>
        近期热门比赛
    </h3>
    <ul class="table-view">
    <li class="table-view-cell event-item navigate-right" data-href="http://zuicool.com/event/run-with-your-hero-online-1910">
<a href="http://zuicool.com/event/run-with-your-hero-online-1910">

    <h2>
        04/01        YOLO RUN大圣归来线上赛    </h2>

    <p itemprop="address" itemtype="http://schema.org/PostalAddress">
    <img src="http://s2.zuicool.com/images/countries/chn.png" alt="" />
<span itemprop="name">全国各地</span>    </p>

    <ul class="stat text-right">
                <li>
            7            <span class="glyphicon glyphicon-star"></span>
        </li>
                        <li>
            1            <span class="glyphicon glyphicon-flag"></span>
        </li>
            </ul>

</a>
</li>
<li class="table-view-cell event-item navigate-right" data-href="http://zuicool.com/event/nike-womens-10k-hongkong-1767">
<a href="http://zuicool.com/event/nike-womens-10k-hongkong-1767">

    <h2>
        04/02        耐克女子10公里香港站    </h2>

    <p itemprop="address" itemtype="http://schema.org/PostalAddress">
    <img src="http://s2.zuicool.com/images/countries/hkg.png" alt="" />
<span itemprop="name">科技公园</span>, <span itemprop="addressRegion">香港</span>, 香港    </p>

    <ul class="stat text-right">
                    </ul>

</a>
</li>
<li class="table-view-cell event-item navigate-right" data-href="http://zuicool.com/event/hefei-cosplay-run-1792">
<a href="http://zuicool.com/event/hefei-cosplay-run-1792">

    <h2>
        04/02        合肥奇装异服跑    </h2>

    <p itemprop="address" itemtype="http://schema.org/PostalAddress">
    <img src="http://s2.zuicool.com/images/countries/chn.png" alt="" />
<span itemprop="name">大圩</span>, <span itemprop="addressLocality">合肥</span>, <span itemprop="addressRegion">安徽</span>    </p>

    <ul class="stat text-right">
                <li>
            2            <span class="glyphicon glyphicon-star"></span>
        </li>
                    </ul>

</a>
</li>
<li class="table-view-cell event-item navigate-right" data-href="http://zuicool.com/event/mount-yuquan-trail-1845">
<a href="http://zuicool.com/event/mount-yuquan-trail-1845">

    <h2>
        04/02        玉泉山越野挑战赛    </h2>

    <p itemprop="address" itemtype="http://schema.org/PostalAddress">
    <img src="http://s2.zuicool.com/images/countries/chn.png" alt="" />
<span itemprop="name">玉泉山城郊森林公园</span>, <span itemprop="addressLocality">太原</span>, <span itemprop="addressRegion">山西</span>    </p>

    <ul class="stat text-right">
                    </ul>

</a>
</li>
<li class="table-view-cell event-item navigate-right" data-href="http://zuicool.com/event/nirvana-50-1866">
<a href="http://zuicool.com/event/nirvana-50-1866">

    <h2>
        04/02        涅槃之路超级越野赛 暨 Salomon精英选拔赛    </h2>

    <p itemprop="address" itemtype="http://schema.org/PostalAddress">
    <img src="http://s2.zuicool.com/images/countries/chn.png" alt="" />
<span itemprop="name">凤凰山</span>, <span itemprop="addressLocality">珠海</span>, <span itemprop="addressRegion">广东</span>    </p>

    <ul class="stat text-right">
                <li>
            2            <span class="glyphicon glyphicon-star"></span>
        </li>
                    </ul>

</a>
</li>
<li class="table-view-cell event-item navigate-right" data-href="http://zuicool.com/event/light-it-up-bue-1882">
<a href="http://zuicool.com/event/light-it-up-bue-1882">

    <h2>
        04/02        云南首届关注孤独症儿童“点亮蓝色”公益跑活动    </h2>

    <p itemprop="address" itemtype="http://schema.org/PostalAddress">
    <img src="http://s2.zuicool.com/images/countries/chn.png" alt="" />
<span itemprop="name">海埂</span>, <span itemprop="addressLocality">昆明</span>, <span itemprop="addressRegion">云南</span>    </p>

    <ul class="stat text-right">
                    </ul>

</a>
</li>
<li class="table-view-cell event-item navigate-right" data-href="http://zuicool.com/event/2015-new-balance-national-collegiate-relay-race-guangzhou-1900">
<a href="http://zuicool.com/event/2015-new-balance-national-collegiate-relay-race-guangzhou-1900">

    <h2>
        04/02        2016 New Balance中国大学生校园路跑接力赛华南赛区    </h2>

    <p itemprop="address" itemtype="http://schema.org/PostalAddress">
    <img src="http://s2.zuicool.com/images/countries/chn.png" alt="" />
<span itemprop="name">广东工业大学（大学城校区）</span>, <span itemprop="addressLocality">广州</span>, <span itemprop="addressRegion">广东</span>    </p>

    <ul class="stat text-right">
                <li>
            1            <span class="glyphicon glyphicon-star"></span>
        </li>
                    </ul>

</a>
</li>
<li class="table-view-cell event-item navigate-right" data-href="http://zuicool.com/event/suzhou-running-series-huqiu-1901">
<a href="http://zuicool.com/event/suzhou-running-series-huqiu-1901">

    <h2>
        04/02        2016苏州路跑联赛虎丘湿地站（第三站）    </h2>

    <p itemprop="address" itemtype="http://schema.org/PostalAddress">
    <img src="http://s2.zuicool.com/images/countries/chn.png" alt="" />
<span itemprop="name">虎丘湿地公园</span>, <span itemprop="addressLocality">苏州</span>, <span itemprop="addressRegion">江苏</span>    </p>

    <ul class="stat text-right">
                    </ul>

</a>
</li>
<li class="table-view-cell event-item navigate-right" data-href="http://zuicool.com/event/trail-challenge-mont-yuquan-1905">
<a href="http://zuicool.com/event/trail-challenge-mont-yuquan-1905">

    <h2>
        04/02        2016玉泉山越野挑战赛    </h2>

    <p itemprop="address" itemtype="http://schema.org/PostalAddress">
    <img src="http://s2.zuicool.com/images/countries/chn.png" alt="" />
<span itemprop="name">玉泉山城郊森林公园</span>, <span itemprop="addressLocality">太原</span>, <span itemprop="addressRegion">山西</span>    </p>

    <ul class="stat text-right">
                    </ul>

</a>
</li>
<li class="table-view-cell event-item navigate-right" data-href="http://zuicool.com/event/fuzhou-12-hours-ultra-marathon-368">
<a href="http://zuicool.com/event/fuzhou-12-hours-ultra-marathon-368">

    <h2>
        04/03        福州12小时超级马拉松    </h2>

    <p itemprop="address" itemtype="http://schema.org/PostalAddress">
    <img src="http://s2.zuicool.com/images/countries/chn.png" alt="" />
<span itemprop="addressLocality">福州</span>, <span itemprop="addressRegion">福建</span>    </p>

    <ul class="stat text-right">
                <li>
            5            <span class="glyphicon glyphicon-star"></span>
        </li>
                        <li>
            1            <span class="glyphicon glyphicon-flag"></span>
        </li>
            </ul>

</a>
</li>
<li class="table-view-cell event-item navigate-right" data-href="http://zuicool.com/event/paris-marathon-921">
<a href="http://zuicool.com/event/paris-marathon-921">

    <h2>
        04/03        巴黎马拉松    </h2>

    <p itemprop="address" itemtype="http://schema.org/PostalAddress">
    <img src="http://s2.zuicool.com/images/countries/fra.png" alt="" />
<span itemprop="name">巴黎</span>, 法国    </p>

    <ul class="stat text-right">
                <li>
            4            <span class="glyphicon glyphicon-star"></span>
        </li>
                        <li>
            2            <span class="glyphicon glyphicon-flag"></span>
        </li>
            </ul>

</a>
</li>
<li class="table-view-cell event-item navigate-right" data-href="http://zuicool.com/event/kaihua-national-park-trail-1100">
<a href="http://zuicool.com/event/kaihua-national-park-trail-1100">

    <h2>
        04/03        开化国家公园越野赛    </h2>

    <p itemprop="address" itemtype="http://schema.org/PostalAddress">
    <img src="http://s2.zuicool.com/images/countries/chn.png" alt="" />
<span itemprop="name">开化</span>, <span itemprop="addressLocality">衢州</span>, <span itemprop="addressRegion">浙江</span>    </p>

    <ul class="stat text-right">
                <li>
            22            <span class="glyphicon glyphicon-star"></span>
        </li>
                        <li>
            22            <span class="glyphicon glyphicon-flag"></span>
        </li>
            </ul>

</a>
</li>
<li class="table-view-cell event-item navigate-right" data-href="http://zuicool.com/event/mount-tai-spring-half-marathon-1289">
<a href="http://zuicool.com/event/mount-tai-spring-half-marathon-1289">

    <h2>
        04/03        泰山春季半程马拉松    </h2>

    <p itemprop="address" itemtype="http://schema.org/PostalAddress">
    <img src="http://s2.zuicool.com/images/countries/chn.png" alt="" />
<span itemprop="addressLocality">泰安</span>, <span itemprop="addressRegion">山东</span>    </p>

    <ul class="stat text-right">
                <li>
            6            <span class="glyphicon glyphicon-star"></span>
        </li>
                        <li>
            1            <span class="glyphicon glyphicon-flag"></span>
        </li>
            </ul>

</a>
</li>
<li class="table-view-cell event-item navigate-right" data-href="http://zuicool.com/event/gmw-beijing-mountain-marathon-1604">
<a href="http://zuicool.com/event/gmw-beijing-mountain-marathon-1604">

    <h2>
        04/03        北京三峰连穿越野挑战赛春季赛    </h2>

    <p itemprop="address" itemtype="http://schema.org/PostalAddress">
    <img src="http://s2.zuicool.com/images/countries/chn.png" alt="" />
<span itemprop="name">大觉寺</span>, <span itemprop="addressLocality">海淀</span>, <span itemprop="addressRegion">北京</span>    </p>

    <ul class="stat text-right">
                <li>
            13            <span class="glyphicon glyphicon-star"></span>
        </li>
                    </ul>

</a>
</li>
<li class="table-view-cell event-item navigate-right" data-href="http://zuicool.com/event/trail-walk-china-1816">
<a href="http://zuicool.com/event/trail-walk-china-1816">

    <h2>
        04/03        毅行中国•商学院户外联赛 － 神农架站    </h2>

    <p itemprop="address" itemtype="http://schema.org/PostalAddress">
    <img src="http://s2.zuicool.com/images/countries/chn.png" alt="" />
<span itemprop="name">神农架林区</span>, <span itemprop="addressRegion">湖北</span>    </p>

    <ul class="stat text-right">
                    </ul>

</a>
</li>
<li class="table-view-cell event-item navigate-right" data-href="http://zuicool.com/event/yuanan-marathon-1823">
<a href="http://zuicool.com/event/yuanan-marathon-1823">

    <h2>
        04/03        远安国际田野马拉松    </h2>

    <p itemprop="address" itemtype="http://schema.org/PostalAddress">
    <img src="http://s2.zuicool.com/images/countries/chn.png" alt="" />
<span itemprop="name">远安</span>, <span itemprop="addressLocality">宜昌</span>, <span itemprop="addressRegion">湖北</span>    </p>

    <ul class="stat text-right">
                <li>
            2            <span class="glyphicon glyphicon-star"></span>
        </li>
                    </ul>

</a>
</li>
<li class="table-view-cell event-item navigate-right" data-href="http://zuicool.com/event/the-silk-road-international-marathon-jiaohegucheng-tulufan-1875">
<a href="http://zuicool.com/event/the-silk-road-international-marathon-jiaohegucheng-tulufan-1875">

    <h2>
        04/03        丝绸之路国际马拉松赛－吐鲁番交河故城赛    </h2>

    <p itemprop="address" itemtype="http://schema.org/PostalAddress">
    <img src="http://s2.zuicool.com/images/countries/chn.png" alt="" />
<span itemprop="name">交河故城</span>, <span itemprop="addressLocality">吐鲁番</span>, <span itemprop="addressRegion">新疆</span>    </p>

    <ul class="stat text-right">
                    </ul>

</a>
</li>
<li class="table-view-cell event-item navigate-right" data-href="http://zuicool.com/event/medics-marathon-spring-1899">
<a href="http://zuicool.com/event/medics-marathon-spring-1899">

    <h2>
        04/03        2016“安心杯”北京医起跑半程马拉松赛·春季赛    </h2>

    <p itemprop="address" itemtype="http://schema.org/PostalAddress">
    <img src="http://s2.zuicool.com/images/countries/chn.png" alt="" />
<span itemprop="name">大运河森林公园</span>, <span itemprop="addressLocality">通州</span>, <span itemprop="addressRegion">北京</span>    </p>

    <ul class="stat text-right">
                <li>
            6            <span class="glyphicon glyphicon-star"></span>
        </li>
                        <li>
            1            <span class="glyphicon glyphicon-flag"></span>
        </li>
            </ul>

</a>
</li>
        <li class="table-view-cell action">
            <a href="http://zuicool.com/events">
                查看全部比赛
            </a>
        </li>
    </ul>
</section>
<section class="fp-sec-links">
    <h3>
        合作伙伴
    </h3>
    <div class="row">
    <div class="col-xs-4 col-sm-3"><a target="_blank" title="中国马拉松" rel="nofollow" href="http://www.runchina.org.cn"><img src="http://zc-op.qiniudn.com/links/caa.png-links" alt="" /></a></div><div class="col-xs-4 col-sm-3"><a target="_blank" title="光明乐跑" rel="nofollow" href="http://run.gmw.cn/"><img src="http://zc-op.qiniudn.com/links/guangminglogo.jpg-links" alt="" /></a></div><div class="col-xs-4 col-sm-3"><a target="_blank" title="跑吧" rel="nofollow" href="http://running8.com/"><img src="http://zc-op.qiniudn.com/links/running8.png-links" alt="" /></a></div><div class="col-xs-4 col-sm-3"><a target="_blank" title="益跑网" href="http://erun360.com/"><img src="http://zc-op.qiniudn.com/links/erun360.png-links" alt="" /></a></div><div class="col-xs-4 col-sm-3"><a target="_blank" title="多威跑友会" rel="nofollow" href="http://51running.com/"><img src="http://zc-op.qiniudn.com/links/51running.png-links" alt="" /></a></div><div class="col-xs-4 col-sm-3"><a target="_blank" title="虎扑跑步" rel="nofollow" href="http://run.hupu.com/"><img src="http://zc-op.qiniudn.com/links/hupu.png-links" alt="" /></a></div><div class="col-xs-4 col-sm-3"><a target="_blank" title="网易跑步" rel="nofollow" href="http://run.sports.163.com/"><img src="http://zc-op.qiniudn.com/links/163.png-links" alt="" /></a></div><div class="col-xs-4 col-sm-3"><a target="_blank" title="42旅" rel="nofollow" href="http://www.42trip.com/"><img src="http://zc-op.qiniudn.com/links/42trip.png-links" alt="" /></a></div><div class="col-xs-4 col-sm-3"><a target="_blank" title="深圳奔跑者" rel="nofollow" href="http://www.szrunners.com/"><img src="http://zc-op.qiniudn.com/links/szrunners.png-links" alt="" /></a></div><div class="col-xs-4 col-sm-3"><a target="_blank" title="极致玩家" rel="nofollow" href="http://www.xnuts.cn/"><img src="http://zc-op.qiniudn.com/links/xnuts.jpg-links" alt="" /></a></div><div class="col-xs-4 col-sm-3"><a target="_blank" title="我要赛" rel="nofollow" href="http://www.51sai.com"><img src="http://7mnmj8.com1.z0.glb.clouddn.com/links/51sai.jpg-links" alt="" /></a></div><div class="col-xs-4 col-sm-3"><a target="_blank" title="伊贝特报名网" rel="nofollow" href="http://bao-ming.com/"><img src="http://7mnp3b.com1.z0.glb.clouddn.com/FoDm0211UuYxLuWP9tOlSS9eJRku-w640" alt="" /></a></div>    </div>
</section>

</div>

<div class="qr-code-outer">
    <div class="qr-code-inner">
        <div class="qr-code">
            <img src="http://s2.zuicool.com/images/wx-dingyue.jpg">
            <p>用微信扫一扫<br>获得更多内容</p>
        </div>
    </div>
</div>

<script>
$(function() {

    FastClick.attach(document.body);

    $('.table-view .table-view-cell.navigate-right').click(function (e) {
	    if ($(this).data("href")) {
	        window.document.location = $(this).data("href");
	    }
	});
	$('.table-view .table-view-cell.navigate-right a').click(function (e) {
	    e.stopPropagation();
	});

	$('#ang-review-form').submit(function (e) {
	    if ($('#ang-review-form :radio:checked').length < 4) {
	        alert('打个分呗!');
	        return false;
	    }
	});

});
</script>

<!--[if lt IE 9]>
<link href="http://s2.zuicool.com/respond-proxy.html" id="respond-proxy" rel="respond-proxy">
<link href="/respond.proxy.gif" id="respond-redirect" rel="respond-redirect">
<script src="/respond.proxy.js"></script>
<![endif]-->


</@html.htmlBase>